.schemaLink {
  display: flex;
  gap: var(--spacing-1, 4px);
  align-items: center;
  padding: var(--spacing-1half, 6px) var(--spacing-2, 8px);
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-base, 4px);
  transition: background-color var(--default-hover-animation-duration, 0.2s)
    var(--default-timing-function, ease);
}

.schemaLink:hover .schemaName {
  color: var(--global-foreground, #ffffff);
}

.schemaName {
  font-family: var(--main-font, Inter);
  font-size: var(--font-size-3, 0.75rem);
  font-weight: 400;
  line-height: 1.6em;
  color: var(--color-white-alpha-70, rgba(255, 255, 255, 0.7));
  transition: color var(--default-hover-animation-duration, 0.2s)
    var(--default-timing-function, ease);
}

.iconContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--color-white-alpha-70, rgba(255, 255, 255, 0.7));
}

.schemaLink:hover .iconContainer {
  color: var(--global-foreground, #ffffff);
}

.formatIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--color-white-alpha-70, rgba(255, 255, 255, 0.7));
}

.schemaLink:hover .formatIcon {
  color: var(--global-foreground, #ffffff);
}
